<!DOCTYPE HTML>
<html>
 <HEAD>
  <TITLE> IPT.Class </TITLE>
    <meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
   <link rel="stylesheet" type="text/css" href="../themes/default/ipt-min.css" /> 
	<!-- 导入包 -->
   <script type="text/javascript" src="jquery-1.8.2.js"></script>	
   <script type="text/javascript" src="../dest/ipt-min.js"></script>
   <style>
   	* {
   		margin:0px;
   		padding : 0px;
   	}
   	
   	ul {
   		list-style : none;
   		margin : 0px;
   		padding : 0px;
   	}
   	
   	.window1 {
   		width : 400px;
   		height : 200px;
   		position : absolute;
   		background : blue;
   		margin: -200px 0 0 -200px;
   		top : 50%;
   		left : 50%;
   		display : none;
   	}
   </style>
 </HEAD>

 <BODY >
  <div id="test">
 	<ul>
 	<li>this is a test!</li>
 	<li>this is a test!</li>
 	<li>this is a test!</li>
 	<li>this is a test!</li>
 	</ul>
 </div>
 <div class="window1"></div>
 <script>
	IPT.MsgBox.alert("alert" , "just a test!");
	IPT.MsgBox.prompt("your name", function(msg){
		IPT.MsgBox.alert("alert" , "good evening , " + msg);
	});
	IPT.MsgBox.confirm("提示" , "请确认!" , function(msg){
		alert(msg);
	});
 </script>
 </body>
 
</HTML>